🤨博主：小猫娃来啦🤨文章核心：WebSocket：实现实时双向数据传输的Web通信协议文章目录前言WebSocket原理如何使用WebSocket建立WebSocket连接:数据传输:WebSocket的真实使用场景即时通讯:多人协作:实时数据更新:WebSocket的优势与局限性结论前言在当今互联网时代，实时通信已成为很多应用的需求。为了满足这种需求，WebSocket协议被设计出来。WebSocket是一种基于TCP议的全双工通信协议，通过WebSocket，Web应用程序可以与服务器建立持久的连接，实现实时双向数据输，提供极低的延迟和高效的数据传输。WebSocket原理HTTP请求-响
前端技术日新月异，最初的静态网站逐渐被由服务端生成的网站所取代，后来又逐渐向客户端渲染的应用转变。不过客户端渲染也存在一些问题，如加载时间变长和搜索引擎优化难度等。Astro这个新的前端框架结合了服务端渲染和客户端渲染的优点，可以更好地解决这些问题。本文就来介绍一下这两年爆火的前端框架Astro，它在两年的时间新增了30k+star:这个前端框架，有点不一样。Astro基本概念Astro是一个开源的JavaScript框架，用于在流行的UI框架（如React、Preact、Vue或Svelte）之上生成Web应用。Astro的页面由多个独立的组件组成。为了提高加载速度，Astro会在服务端对页
希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，大大会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言格式化文字与段落Web页面设计原则向Web页面添加文字信息格式化文本标记标题字标记添加空格与特殊符号文本修饰标记（重要）计算机输出标记（理解）引用和术语标记（理解）字体font标记（重要）段落与排版标记段落标记换行标记水平分割线标记（重要）拼音/音标注释ruby标记和rt/rp标记段落缩进标记列表无序列表有序列表列表嵌套定义列表课后习题熟悉无序列表ul元素的应用熟悉有序列表ol元素的应用。练习定义列表嵌套的使用。练习无序、有序、定义列表嵌套混合使
背景：做一个前后端分离的项目，我这里是vue3+view+ts创建的前端项目，在前端配置跨域请求。一、开发阶段在vue.config.js中配置devserver的proxy进行代理请求配置，然后将所有请求改为/api开头的即可。但是这样配置只在开发阶段起作用。所以在nginx上部署的时候，需要再重新配置请求代理。vite.config.ts中代码配置如下：devServer:{port:8089,//启动端口open:true,//启动后是否自动打开网页proxy:{"/api":{target:"http://192.168.xx.xx:8083",//如果访问/api就在其前面加targ
在浏览器的舞台上演：前端如何挑战页面刷新的极限前言基础篇：location.reload()的妙用基本介绍：优缺点：优点：缺点：适用场景：进阶篇：Ajax带来的无刷新体验Ajax基本用法：利用Ajax提升用户体验的方法：例子：框架篇：Vue和React的局部刷新Vue.js：示例：React.js：示例：便捷性和性能优势：实践篇：动态页面刷新的创意应用1.实时数据更新2.实时聊天3.游戏动态更新4.实时地图更新5.实时投票或表决思考和实践方法：前言在无尽的数字海洋中，用户和浏览器之间建立了一座看不见的桥梁，连接了网页的现实与虚拟。而在这座桥上，JavaScript像是一位魔法师，可以通过各种巧
给某门户网站移动版主页的体育板块进行布局设计。创建外部CSS文件，采用链接方式应用到“sports.html”中，按下述要求编写CSS样式设计页面布局；设置页面宽度为浏览器窗口宽度的96%，最小宽度为380px，默认字体大小为14px；分别使用ul-li结构设计首行文本导航链接和图片导航链接；文本导航链接使用浮动定位，字体浅蓝色，“体育”链接字体大小为默认字体大小的1.2倍并加粗显示；图片导航链接采用弹性盒布局，采用flex-grow或flex设置各项目的宽度能随浏览器窗口自适应变化，但最大宽度不能超过100px，各项目分散对齐，如图2所示；每个图片导航项目中的图片也能自适应变化，最大宽度为6
场景：当有两个前端项目A,B的时候，项目A（对应端口8000）和项目B（对应端口8001）分别部署在服务器的不同位置，通过服务器ip+端口都能正常访问单独的项目A和项目B；现在要求两个项目共用一个域名~~也就是说访问http://10.111.182.xxx:8000的时候默认访问项目A的资源，访问http://10.111.182.xxx:8000/pages的时候自动代理到项目B的资源业务场景：h5嵌入原生开发，有多套独立的h5，要求嵌入原生的域名不分不变，但是路由发生变化的时候代理到不同的独立h5项目，也就是2个前端项目，如何通过一个端口来访问服务器配置部署单个项目并为其配置单独的ngx
文章目录1.何为前后端对接?2.对接中关于http的关键点2.1.请求方法2.2.请求参数设置简解：3.对接中的跨域(CROS)问题**为什么后端处理跨域尽量在业务之前进行？**3.总结1.何为前后端对接?“前后端对接”是指前端和后端两个不同的软件组件或系统之间的协作和交互过程。在软件开发中，通常将应用程序划分为前端和后端两个主要部分，它们各自负责不同的任务和功能：🌴前端：前端是用户与应用程序直接交互的部分，通常包括用户界面（UI）和用户体验（UX）。前端通常运行在用户的设备上，例如Web浏览器、移动应用程序或桌面应用程序。前端的主要任务包括呈现数据、收集用户输入、处理用户交互以及向用户展示信
介绍MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。MicroApp无关技术栈，也不和业务绑定，可以用于任何前端框架。源码地址：https://github.com/micro-zoe/micro-app官网地址：https://micro-zoe.github.io/micro-app微前端是一种页面整合方案，它的核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用
